<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-1.10.1.min.js"></script>

</head>
<body>
    <h3 id="title"  demo="wh2107-daydayup" class="one demo" >jQuery 学习 </h3>
    <ul class="list">
        <li>item_01</li>
        <li>item_02</li>
        <li>item_03</li>
        <li>item_04</li>
        <li>item_05</li>
        <li>item_06</li>
        <li>item_07</li>
        <li>item_08</li>
        <li>item_09</li>
        <li>item_10</li>
    </ul>
    <script>
        // $ = jQuery 
        console.log($)
        console.log(jQuery)
        // var lis = $(".list li");  
        // 伪数组
        // jquery 查找元素   => jquery 对象    
        // jquery 只能使用jquery 属性和方法  不能使用原生的

        // 1.直接获取   jquery 对象 
        // console.log($(".list li"))
        // console.log($("#title"))


        // 2.  DOM 对象   再转成jquery    $(DOM) 
        // var title = document.getElementById("title")
        // console.log(title)    // DOM 
        // console.log($(title)) // jquery 


        // 3. jquery对象 转成 DOM 对象   (jquery 返回的是一个伪数组)
        console.log($("#title"))
        console.log($(".list li"))

        // console.log($("#title")[0])
        // console.log($(".list li")[5])

        // get
        // get(index)  获取对应的下标的元素 
        // get()    取得所有匹配的 DOM 元素集合    jquery对象 伪数组  转成真数组 
        // console.log($("#title").get(0))
        // console.log($(".list li").get())
 
        // jquery对象 伪数组  转成真数组
        console.log($(".list li").get())
        console.log(Array.from($(".list li")))
        console.log(Array.prototype.slice.call($(".list li")))


        // $(".list li") 查找一个元素   也就是实现 jquery 实例化  new  实例化后可以获取对应的原型对象 
        // new 实例化 
        // $(".title").show().css().height()   原型对象 方法
        // $.ajax $.each 没有参与实例化   静态对象方法 
        function jQuery(ele){
            this.eles =  document.querySelectorAll(ele);
        }
        window.jQuery = window.$;
        jQuery.prototype.get = function(){

        }
        jQuery.prototype.eq = function(){}


    </script>
</body>
</html>